.create-environment-popup {
  width: 340px;
  max-width: 100%;
  background: var(--requestly-color-surface-1);
  border: 1px solid var(--requestly-color-white-t-10, rgba(255, 255, 255, 0.06));
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.32);
  border-radius: 12px;
  padding: 28px 28px 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--requestly-color-text-default);
  font-size: var(--requestly-font-size-sm, 13px);
  line-height: 1.4;

  &__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }

  &__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;

    svg {
      width: 72px;
      height: 72px;
      color: var(--requestly-color-text-subtle);
      opacity: 0.9;
    }
  }

  &__title {
    margin: 0;
    font-size: var(--requestly-font-size-md, 14px);
    font-weight: 600;
    color: var(--requestly-color-text-default);
  }

  &__description {
    margin: 0;
    font-size: var(--requestly-font-size-sm, 13px);
    color: var(--requestly-color-text-subtle);
  }

  &__cta.ant-btn {
    margin-top: 4px;
    font-weight: 500;
    padding: 0 24px;
    transition: transform 140ms ease, background-color 140ms ease;
    transform: scale(1.06);
    transform-origin: center;
    will-change: transform;
    letter-spacing: 0.2px;
  }
}

.create-environment-popup-wrapper .ant-popover-inner {
  padding: 0;
  background: transparent;
  box-shadow: none;
}
